﻿<div class="wrapper">
    <div class="logo">
        <img src="content/images/logo.png" style="width: 500px;" />
    </div>
    <div class="login-form">
        <div class="login-form-inner">
            <form role="form" class="" name="loginForm" novalidate>
                <div class="login-form-left">
                    <div class="">
                        <div class="table-cell-login">
                            <div class="input-label">Email</div>
                            <div class="input-holder">
                                <input type="text" class="inp" name="username" ng-model="auth.usercredentials.username" sn-get-value="getEmail" ng-maxlength="100" required>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="spacer">&nbsp;</div>
                        <div class="">
                            <div class="input-label">Password</div>
                            <div class="input-holder">
                                <input type="password" ng-blur="auth.reevaluateCredentials(true)" class="inp" name="password" ng-model="auth.usercredentials.password" sn-get-value="getPassword" ng-maxlength="100" required>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="login-form-right">
                    <div>
                        <div style="width:70px">
                            <button id="submitButton" type="submit" data-ng-click="auth.login()">
                                <img src="content/images/btn_login.gif" style="width: 60px;">
                            </button>
                        </div>

                        <div style="margin-left:65px" class="error_password" compile="auth.usercredentials.errorMessage" data-ng-show="auth.usercredentials.errorMessage.length > 0"></div>
                        <div style="margin-left:65px" data-ng-show="!auth.usercredentials.errorMessage && auth.err && auth.err !== ''" class="error_password">{{ auth.err }}</div>
                    </div>
                </div>
                <div class="clear"></div>
                <div class="spacer">&nbsp;</div>
                <div class="">
                    <div class="input-label">&nbsp;</div>
                    <div class="input-holder" style="width: auto;">
                        <input type="checkbox" id="rememberMeCheckBox" ng-model="auth.usercredentials.rememberMe" ng-init="auth.usercredentials.rememberMe=true" />
                        <label for="rememberMeCheckBox">Remember me</label><br />
                        <div class="log-in-links">
                            <a href="#/forgotPassword">Forgot Password?</a>
                        </div>
                        <div class="log-in-links">
                            <a href="mailto:client@sustainalytics.com">Contact</a>
                        </div>
                    </div>
                </div>
            </form>  
        </div>        
    </div>
    <div style="height: 140px;">&nbsp;</div>
    <div class="login-footer-container">
        <div class="awards-wrapper">
            <div class="awards">                
                <div class="logo-wrapper" style="margin: 0 auto; display: inline-block;">
                    <a class="reuters left" href="http://www.sustainalytics.com/sustainalytics-awards" taget="_blank">&nbsp;</a>
                    <a class="esg left" href="http://www.sustainalytics.com/sustainalytics-awards" taget="_blank">&nbsp;</a>
                    <a class="lifetime left" href="http://www.sustainalytics.com/sustainalytics-awards" taget="_blank">&nbsp;</a>
                    <a class="clean50 left" href="http://www.sustainalytics.com/sustainalytics-awards" taget="_blank">&nbsp;</a>
                    <a class="farsight left" href="http://www.sustainalytics.com/sustainalytics-awards" taget="_blank">&nbsp;</a>
                    <a class="globe left last" href="http://www.sustainalytics.com/sustainalytics-awards" taget="_blank">&nbsp;</a>
                    <div class="clear"></div>    
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="footer-wrap" style="position: relative;">        
            <div class="footer">
                <ul class="footer-nav">
                    <li ng-if="userInfo.isAuthenticated && isRouteValid"><a href="FAQ.pdf" target="_blank" ng-if="userInfo.isAuthenticated && isRouteValid">FAQ</a></li>
                    <li ng-if="userInfo.isAuthenticated && isRouteValid"><a href="">Policies</a></li>
                    <li ng-if="userInfo.isAuthenticated && isRouteValid"><a href="">Sitemap</a></li>
                    <li><a href="http://www.sustainalytics.com/team" target="_blank">Team Sustainalytics</a></li>
                </ul>

                <div class="copyright">
                    &copy;Sustainalytics. All Rights Reserved
                </div>
                <div class="clear">&nbsp;</div>
            </div>
        </div>
    </div>
</div>